<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="content">1111</div>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=68a97420f02a1a620153009143de2e74"></script>
    <script>
	let baseUrl = 'http://ccwx.jltobacco.com.cn:4000/yancaoMap'
	// let baseUrl = 'http://10.33.162.228:8088'
	function ajax_method(url,data,method,success) {
	    // 异步对象
	    var ajax = new XMLHttpRequest();
	
	    // get 跟post  需要分别写不同的代码
	    if (method=='get') {
	        // get请求
	        if (data) {
	            // 如果有值
	            url+='?';
	            url+=data;
	        }else{
	
	        }
	        // 设置 方法 以及 url
	        ajax.open(method,url);
	
	        // send即可
	        ajax.send();
	    }else{
	        // post请求
	        // post请求 url 是不需要改变
	        ajax.open(method,url);
	
	        // 需要设置请求报文
	        ajax.setRequestHeader("Content-type","application/json;charset-UTF-8");
	
	        // 判断data send发送数据
	        if (data) {
	            // 如果有值 从send发送
				console.log(data)
	            // ajax.send(data);
	            ajax.send(JSON.stringify(data));
	        }else{
	            // 木有值 直接发送即可
	            ajax.send();
	        }
	    }
	
	    // 注册事件
	    ajax.onreadystatechange = function () {
	        // 在事件中 获取数据 并修改界面显示
	        if (ajax.readyState==4&&ajax.status==200) {
	            // console.log(ajax.responseText);
	
	            // 将 数据 让 外面可以使用
	            // return ajax.responseText;
	
	            // 当 onreadystatechange 调用时 说明 数据回来了
	            // ajax.responseText;
	
	            // 如果说 外面可以传入一个 function 作为参数 success
	            success(ajax.responseText);
	        }
	    }
	
	}
	let zhixing = true
	if(!location.href.match(/\?/)){
		zhixing = false
	}
	if(!location.href.match('=')){
		zhixing = false
	}
	if(!location.href.match('userId')){
		zhixing = false
	}
		let userId = location.href.split('=')[1]
		if(!userId){
			zhixing = false
		}
		if(zhixing){
			ajax_method(baseUrl+'/app/getPointList/'+userId,'','get',function(res){
				console.log(res)
				let urlParam = JSON.parse(JSON.parse(res).data.pointList)
				let juli = JSON.parse(res).data.offset_distance
				var dis = AMap.GeometryUtil.distanceToSegment(urlParam.point, urlParam.arr);
				dis = Math.floor(dis)
				document.querySelector('.content').innerHTML = '距离:'+dis
				if(dis>juli){
					ajax_method(baseUrl+'/app/saveUserLatAndLng',{dis,userId,longtitude:urlParam.point[0],latitude:urlParam.point[1]},'POST',function(res){
						console.log(res,'大于距离请求')
					})		
				}
			})
		}
		// let urlParam = location.href.split('=')[1]
		// urlParam = JSON.parse(urlParam)
  //       var p0 = [116.450378, 39.947585];
  //       var p1 = [116.434027, 39.941037];
  //       var p2 = [116.461665, 39.941564];
  //       var p3 = [116.466171, 39.937977];
        // 返回 p0 到线段 p1-p2-p3 的最短地面距离，单位：米
        // var dis = AMap.GeometryUtil.distanceToSegment(p0, [p1, p2, p3]);
		// var dis = AMap.GeometryUtil.distanceToSegment(urlParam.point, urlParam.arr);
  //       if(dis>juli){
			
		// }
    </script>    
</body>
</html>